/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */

/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */

@import '@/uni_modules/uview-ui/theme.scss';
@import '@/style/theme/index.scss';

/* uView色系 */
$u-main-color: var(--color-main);
$u-content-color: var(--color-content);
$u-tips-color: var(--color-tips);
$u-light-color: var(--color-light);
$u-border-color: var(--color-border);
$u-bg-color: var(--color-body-bg);
$u-disabled-color: var(--color-disabled);
$u-primary: var(--color-primary);
$u-primary-dark: var(--color-primary-dark);
$u-primary-disabled: var(--color-primary-disabled);
$u-primary-light: var(--color-primary-light);

/* 主要色系 */
$com-color-main: var(--color-main);
$com-color-content: var(--color-content);
$com-color-tips: var(--color-tips);
$com-color-light: var(--color-light);
$com-color-border: var(--color-border);
$com-color-body-bg: var(--color-body-bg);
$com-color-content-bg: var(--color-content-bg);
$com-color-mask-bg: var(--color-mask-bg);
$com-color-link: var(--color-link);
$com-color-primary: var(--color-primary);
$com-color-primary-dark: var(--color-primary-dark);
$com-color-primary-disabled: var(--color-primary-disabled);
$com-color-primary-light: var(--color-primary-light);
$com-color-warning: #f9ae3d;
$com-color-warning-dark: #f1a532;
$com-color-warning-disabled: #f9d39b;
$com-color-warning-light: #fdf6ec;
$com-color-success: #5ac725;
$com-color-success-dark: #53c21d;
$com-color-success-disabled: #a9e08f;
$com-color-success-light: #f5fff0;
$com-color-error: #f56c6c;
$com-color-error-dark: #e45656;
$com-color-error-disabled: #f7b2b2;
$com-color-error-light: #fef0f0;
$com-color-info: #909399;
$com-color-info-dark: #767a82;
$com-color-info-disabled: #c4c6c9;
$com-color-info-light: #f4f4f5;

/* 文字尺寸 */
$com-text-xs: 20rpx;
$com-text-sm: 24rpx;
$com-text-md: 28rpx;
$com-text-lg: 32rpx;
$com-text-xl: 36rpx;

/* 间距 */
$com-spacing-row-base: 30rpx;
$com-spacing-col-base: 24rpx;

/* 圆角 */
$com-border-radius-sm: 8rpx;
$com-border-radius-base: 16rpx;
$com-border-radius-md: 32rpx;
